<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="index.css">
  <title>CSS 🦜</title>
</head>

<body>
  <div class="box-canvas">
    <!-- 树枝 -->
    <div class="branch"></div>
    <!-- 左腿 -->
    <div class="leg left"></div>
    <!-- 尾巴 -->
    <div class="tail"></div>
    <!-- 身体 -->
    <div class="body"></div>
    <!-- 头部 -->
    <div class="head"></div>
    <!-- 嘴 -->
    <div class="beak">
      <div class="beak-top"></div>
    </div>
    <!-- 右腿 -->
    <div class="leg right"></div>
  </div>
</body>

</html>